<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="./web/js/rem.js"></script>
    <link rel="stylesheet" href="./web/css/swiper.min.css">
    <script src="./web/js/swiper.min.js"></script>
    <link rel="stylesheet" href="./web/css/public.css">
    <link rel="stylesheet" href="./web/css/index.css">

    <title>首页</title>
</head>

<body>
    <div class="header-t">
        <img class="logo" src="./web/img/logo.png" />
        <div class="user-login">
            <a href="./register.html" id="user-login">注册</a>
            <a href="./login.html" id="user-login">登录</a>
            <a href="" id="user-logined">
                <img src="./web/img/logined.png" />
            </a>
        </div>
    </div>
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img src="./web/img/banner.png" alt="">
            </div>
            <div class="swiper-slide">
                <img src="./web/img/banner.png" alt="">
            </div>
            <div class="swiper-slide">
                <img src="./web/img/banner.png" alt="">
            </div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination swiper-pagi"></div>
    </div>
    <div class="tab-list">
        <div class="tab-item">
            <a href="./rencai_lib.html">
                <img class="tab-img" src="./web/img/tab1.png" />
                <span class="tab-title">找人才</span>
            </a>
        </div>
        <div class="tab-item">
            <a href="./result_lib.html">
                <img class="tab-img" src="./web/img/tab2.png" />
                <span class="tab-title">找成果</span>
            </a>
        </div>
        <div class="tab-item">
            <a href="./demand_lib.html">
                <img class="tab-img" src="./web/img/tab3.png" />
                <span class="tab-title">找需求</span>
            </a>
        </div>
    </div>
    <div class="news">
        <div class="new-header">
            <div>
                <img class="news-logo" src="./web/img/news.png" />
                <div class="news-title">新成果发布</div>
            </div>
            <div>
                <a href="./result_lib.html">
                    <span class="more">查看更多</span>
                    <img class="more-icon" src="./web/img/more.png">
                </a>
            </div>
        </div>
        <div class="news-list">

            <a href="./result_detail.html">
                <span class="news-date">2019-07-09 10:09</span>
                <span class="news-text" style="-webkit-box-orient: vertical;">刘元老师发布了《成果标题12345》，快来看看吧。</span>
            </a>

            <a href="./result_detail.html">
                <span class="news-date">2019-07-09 10:09</span>
                <span class="news-text" style="-webkit-box-orient: vertical;">刘元老师发布了《成果标题12345》，快来看看吧。</span>
            </a>

            <a href="./result_detail.html">
                <span class="news-date">2019-07-09 10:09</span>
                <span class="news-text" style="-webkit-box-orient: vertical;">刘元老师发布了《成果标题12345》，快来看看吧。</span>

            </a>

        </div>
    </div>
    <div class="news">
        <div class="new-header">
            <div>
                <img class="domand-logo" src="./web/img/damand.png" />
                <div class="domand-title">新需求发布</div>
            </div>
            <div>
                <a href="./demand_lib.html">
                    <span class="more">查看更多</span>
                    <img class="more-icon" src="./web/img/more.png">
                </a>
            </div>
        </div>
        <ul class="news-list">
            <li>
                <a href="./demand_detail.html">
                    <span class="news-date">2019-07-09 10:09</span>
                    <span class="news-text" style="-webkit-box-orient: vertical;">尾号2956的用户发布了需求：需求标题需求标题</span>
                </a>
            </li>
            <li>
                <a href="./demand_detail.html">
                    <span class="news-date">2019-07-09 10:09</span>
                    <span class="news-text" style="-webkit-box-orient: vertical;">尾号2956的用户发布了需求：需求标题需求标题</span>
                </a>
            </li>
            <li>
                <a href="./demand_detail.html">
                    <span class="news-date">2019-07-09 10:09</span>
                    <span class="news-text" style="-webkit-box-orient: vertical;">尾号2956的用户发布了需求：需求标题需求标题</span>
                </a>
            </li>
        </ul>
    </div>
    <div class="news1">
        <div class="news1-header">
            <div>
                <img class="news1-logo" src="./web/img/news1.png" />
                <div class="news1-title">新闻资讯</div>
            </div>
            <div>
                <a href="./news_lib.html">
                    <span class="more">查看更多</span>
                    <img class="more-icon" src="./web/img/more.png">
                </a>
            </div>
        </div>
        <div class="news1-list">
            <a href="./news_detail.html">
                <div class="first-news">

                    <img class="first-img" src="./web/img/china.png" />
                    <div class="first-info">
                        <div class="first-title" style="-webkit-box-orient: vertical;">山东科技大学隆重举行庆祝建党98周暨“两优先”表彰大会</div>
                        <div class="first-desc" style="-webkit-box-orient: vertical;">
                            7月1日，山东科技大学隆重举行庆祝建党98周年暨“两优一先”表彰大会热烈庆祝中国共产党成立98周年，表彰一批在学校各项事业改革发展中涌现出来…</div>
                    </div>

                </div>
            </a>
                <a class="news1-item" href="./news_detail.html">
                    <span class="circle"></span>
                    <span class="news1-text" style="-webkit-box-orient: vertical;">地学盛宴：全国煤及其共伴生矿产青年矿产青年</span>
                    <span class="news1-date">2019-07-04</span>
                </a>
                <a class="news1-item" href="./news_detail.html">
                    <span class="circle"></span>
                    <span class="news1-text" style="-webkit-box-orient: vertical;">地学盛宴：全国煤及其共伴生矿产青年矿产青年</span>
                    <span class="news1-date">2019-07-04</span>
                </a>
                <a class="news1-item" href="./news_detail.html">
                    <span class="circle"></span>
                    <span class="news1-text" style="-webkit-box-orient: vertical;">地学盛宴：全国煤及其共伴生矿产青年矿产青年</span>
                    <span class="news1-date">2019-07-04</span>
                </a>
                <a class="news1-item" href="./news_detail.html">
                    <span class="circle"></span>
                    <span class="news1-text" style="-webkit-box-orient: vertical;">地学盛宴：全国煤及其共伴生矿产青年矿产青年</span>
                    <span class="news1-date">2019-07-04</span>
                </a>
            </div>
    </div>
    <footer>
        <div class="bottom-bar">
            <div>Copyright©2019 　山东科技大学 </div>
            <div>鲁ICP备09051012号</div>
        </div>
    </footer>

    <script>
        var mySwiper = new Swiper('.swiper-container', {
            direction: 'horizontal', // 垂直切换选项
            loop: true, // 循环模式选项
            // 如果需要分页器
            pagination: {
                el: '.swiper-pagination',
            },
        })        
    </script>
</body>

</html>